<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./code/base.css">
    <link rel="stylesheet" href="./code/xiami.css">
    <link rel="stylesheet" href="./code/xiangqing.css">
</head>

<body>
    <!-- 顶部导航栏 -->
    <div class="header container clearfix">
        <div class="XM_logo fl">
            <img src="./img/XM_logo.png" alt="">
        </div>
        <div class="Hnav fl">
            <a href="" class="hnav1">发现</a>
            <a href="">我的音乐</a>
            <a href="">音乐人</a>
            <a href="">客户端下载</a>
            <a href="">会员中心</a>
        </div>

        <input type="text" placeholder="exo">
        <span class="icon_search"></span>
        <div class="login fl"> <a href="">登录/注册</a></div>

    </div>
    <!-- 顶部导航栏end -->

    <!-- 版心 -->
    <div class="container clearfix ">
        <!-- 粘性定位 -->
        <div class="sticky fl">
            <div class="star-cover">
                <img src="./img/format_jpg.jpeg" alt="">
                <span>94.1万</span>
                <div>
                    <ul class="w70">
                        <li>所属专辑</li>
                        <li>作词</li>
                        <li>作曲</li>
                        <li>厂牌</li>
                    </ul>
                    <ul>
                        <li><a href="">壹号皇庭 电视原声带</a></li>
                        <li><a href="">王菲</a></li>
                        <li><a href="">袁惟仁</a></li>
                        <li><a href="">百代唱片</a></li>
                    </ul>
                </div>
                <p><a href="">上传MV/Live</a></p>
            </div>
        </div>
        <!-- 粘性定位 -->

        <!-- 右侧版心 -->
        <div class="XQcon-right">
            <div class="song-tit">
                <h1>插曲（live）</h1>
                <div class="clearfix"><span><img src="./img/Wfei.jpg" alt=""></span>
                    <p>王菲</p>
                </div>
                <p><a href="">#原声</a>&nbsp;&nbsp;<a href="">#电影原声</a></p>
            </div>
            <div class="five-btn clearfix">
                <div class=" btn1">立即播放</div>
                <div>❤19789</div>
                <div>分享</div>
                <div>手机试听</div>
                <div class="btn5">· · ·</div>
            </div>
            <!-- 歌词 -->
            <div class="lyric">
                <div class="lyric-tit">歌词</div>
                <div class="lyric-content">
                    <h6> 执迷不悔 - 王菲</h6>

                    <h6>词：王靖雯</h6>
                    <h6>曲：袁惟仁</h6>
                    <h6>这一次我执著面对 任性地沉醉</h6>
                    <h6>我并不在乎 这是错还是对</h6>
                    <h6>就算是深陷 我不顾一切</h6>
                    <h6>就算是执迷 我也执迷不悔</h6>
                    <h6>别说我应该放弃 应该睁开眼</h6>
                    <h6>我用我的心 去看去感觉</h6>
                    <h6>你并不是我 又怎能了解</h6>
                    <h6>就算是执迷 让我执迷不悔</h6>
                    <h6>我不是你们想得如此完美</h6>
                    <h6>我承认有时也会辨不清真伪</h6>
                    <h6>并非我不愿意走出迷堆</h6>
                    <h6>只是这一次</h6>
                    <h6>这次是自己而不是谁</h6>
                    <h6>要我用谁的心去体会</h6>
                    <h6>真真切切的感受周围</h6>
                    <h6>就算痛苦 就算是泪</h6>
                    <h6>也是属於我的伤悲</h6>
                    <h6>我还能用谁的心去体会</h6>
                    <h6>真真切切地感受周围</h6>
                    <h6>就算疲倦 就算是累</h6>
                    <h6>只能执迷而不悔</h6>
                    <h6>别说我应该放弃 应该睁开眼</h6>
                    <h6>我用我的心 去看去感觉</h6>
                    <h6>你并不是我 又怎能了解</h6>
                    <h6>就算是执迷 就让我执迷不悔</h6>
                    <h6>我不是你们想得如此完美</h6>
                    <h6>我承认有时也会辨不清真伪</h6>
                    <h6>并非我不愿意走出迷堆</h6>
                    <h6>只是这一次</h6>
                    <h6>这次是自己而不是谁</h6>
                    <h6>要我用谁的心去体会</h6>
                    <h6>真真切切的感受周围</h6>
                    <h6>就算痛苦 就算是泪</h6>
                    <h6>也是属於我的伤悲</h6>
                    <h6>我还能用谁的心去体会</h6>
                    <h6>真真切切地感受周围</h6>
                    <h6>就算疲倦 就算是累</h6>
                    <h6>也只能执迷而不悔</h6>
                    <h6>要我用谁的心去体会</h6>
                    <h6>真真切切的感受周围</h6>
                    <h6>就算痛苦 就算是泪</h6>
                    <h6>也是属於我的伤悲</h6>
                    <h6>我还能用谁的心去体会</h6>
                    <h6>真真切切地感受周围</h6>
                    <h6>就算疲倦 就算是累</h6>
                    <h6>只能执迷而不悔</h6>
                </div>
                <div class="more">更多</div>
            </div>
        </div>





        <!-- 右侧版心 -->
        <div class="contain-right ">
            <!-- 收录推荐 -->

            <div class="block-title clearfix">
                <div class="rec-song fl">收录该歌曲的歌单推荐</div>
                <!-- <div class="clearfix fr">
                            全部
                            <span class="icon fl"> > </span>
                        </div> -->
            </div>
            <div class="recommend clearfix apa-list">
                <div class="type-song"><img src="./img/XD1.jpg" alt=""><span>26.6万</span>
                    <p><a href="">陈婧霏</a></p>
                    <h3><a href="">陈婧霏</a></h3><a href="" class="star"><span></span></a>
                </div>
                <div class="type-song"><img src="./img/XD2.jpg" alt=""><span>26.6万</span>
                    <p><a href="">乐享圣诞 | 音乐与你才是节日的温度</a></p>
                    <h3><a href="">拿索斯古典音乐</a></h3><a href="" class="star"><span></span></a>
                </div>
                <div class="type-song"><img src="./img/XD3.jpg" alt=""><span>26.6万</span>
                    <p><a href="">乐享圣诞 | 音乐与你才是节日的温度</a></p>
                    <h3><a href="">拿索斯古典音乐</a></h3><a href="" class="star"><span></span></a>
                </div>
                <div class="type-song"><img src="./img/XD4.jpeg" alt=""><span>26.6万</span>
                    <p><a href="">乐享圣诞 | 音乐与你才是节日的温度</a></p>
                    <h3><a href="">拿索斯古典音乐</a></h3><a href="" class="star"><span></span></a>
                </div>
                <div class="type-song"><img src="./img/XD5.jpeg" alt=""><span>26.6万</span>
                    <p><a href="">乐享圣诞 | 音乐与你才是节日的温度</a></p>
                    <h3><a href="">拿索斯古典音乐</a></h3><a href="" class="star"><span></span></a>
                </div>
                <div class="type-song"><img src="./img/XD6.jpg" alt=""><span>26.6万</span>
                    <p><a href="">乐享圣诞 | 音乐与你才是节日的温度</a></p>
                    <h3><a href="">拿索斯古典音乐</a></h3><a href="" class="star"><span></span></a>
                </div>
                <div class="type-song"><img src="./img/XD7.jpg" alt=""><span>26.6万</span>
                    <p><a href="">乐享圣诞 | 音乐与你才是节日的温度</a></p>
                    <h3><a href="">拿索斯古典音乐</a></h3><a href="" class="star"><span></span></a>
                </div>
                <div class="type-song"><img src="./img/XD8.jpg" alt=""><span>26.6万</span>
                    <p><a href="">乐享圣诞 | 音乐与你才是节日的温度</a></p>
                    <h3><a href="">拿索斯古典音乐</a></h3><a href="" class="star"><span></span></a>
                </div>
                <div class="type-song"><img src="./img/XD9.jpg" alt=""><span>26.6万</span>
                    <p><a href="">乐享圣诞 | 音乐与你才是节日的温度</a></p>
                    <h3><a href="">拿索斯古典音乐</a></h3><a href="" class="star"><span></span></a>
                </div>
                <div class="type-song"><img src="./img/XD10.jpg" alt=""><span>26.6万</span>
                    <p><a href="">乐享圣诞 | 音乐与你才是节日的温度</a></p>
                    <h3><a href="">拿索斯古典音乐</a></h3><a href="" class="star"><span></span></a>
                </div>
            </div>
            <!-- 收录推荐 -->
        </div>
    </div>
    <!-- 版心 -->






    <!-- 底部 -->
    <div class="footer clearfix">
        <div class="Big-info clearfix fl">
            <div class="info">
                <div class="info-left fl">
                    <span>关于虾米</span>
                    <span>入驻虾米</span>
                    <span>资料补全</span>
                    <span>桌面端</span>
                    <span>合作伙伴</span>
                </div>
                <div class="info-right fl ">
                    <div class="clearfix"><a href="">关于我们</a><a href="">虾米招聘</a><a href="">联系我们</a><a
                            href="">隐私权政策</a><a href="">联系客服</a><a href="">意见反馈</a><a href="">回旧版</a></div>
                    <div class="clearfix"><a href="">音乐人</a><a href="">音乐专栏</a></div>
                    <div class="clearfix"><a href="">添加资料</a><a href="">大家想要的专辑</a><a href="">音频上传</a><a
                            href="">MV上传</a></div>
                    <div class="clearfix"><a href="">pc电脑</a><a href="">苹果电脑</a></div>
                    <div class="clearfix small-pic">
                        <div><img src="./img/AI2.jpg" alt=""></div>
                        <div><img src="./img/XD2.jpg" alt=""></div>
                        <div><img src="./img/AI1.jpg" alt=""></div>
                        <div><img src="./img/AI4.jpg" alt=""></div>
                        <div><img src="./img/AI2.jpg" alt=""></div>
                        <div><img src="./img/party1.jpg" alt=""></div>
                        <div><img src="./img/AI5.jpg" alt=""></div>
                        <div><img src="./img/party3.jpg" alt=""></div>
                        <div><img src="./img/party4.jpg" alt=""></div>
                        <div><img src="./img/party5.jpg" alt=""></div>
                        <div><img src="./img/party4.jpg" alt=""></div>
                        <div><img src="./img/AI1.jpg" alt=""></div>
                        <div><img src="./img/AI2.jpg" alt=""></div>
                        <div><img src="./img/AI1.jpg" alt=""></div>
                        <div><img src="./img/AI3.jpg" alt=""></div>
                        <div><img src="./img/AI1.jpg" alt=""></div>
                        <div><img src="./img/AI2.jpg" alt=""></div>
                        <div><img src="./img/AI1.jpg" alt=""></div>
                        <div><img src="./img/AI2.jpg" alt=""></div>
                        <div><img src="./img/AI1.jpg" alt=""></div>
                    </div>
                </div>
            </div>

        </div>
        <div class="focus-us fl">
            <div>关注我们</div>
            <div>
                <span><img src="./img/weibo.png" alt=""></span>
                <span><img src="./img/weixin.png" alt=""></span>
                <span><img src="./img/zhihu.png" alt=""></span>
            </div>
        </div>
        <div class="Erweima fr">
            <p>虾米音乐APP</p>
            <div><img src="./img/Eweima.png" alt=""></div>
        </div>
        <div class="line"></div>
        <!-- footer 最下面 -->
        <ul>
            <li><a href="">淘宝网</a></li>
            <li>|</li>
            <li><a href="">天猫</a></li>
            <li>|</li>
            <li><a href="">支付宝</a></li>
            <li>|</li>
            <li><a href="">飞猪</a></li>
            <li>|</li>
            <li><a href="">聚划算</a></li>
            <li>|</li>
            <li><a href="">阿里云</a></li>
            <li>|</li>
            <li><a href="">阿里妈妈</a></li>
            <li>|</li>
            <li><a href="">1688</a></li>
            <li>|</li>
            <li><a href="">AliOS</a></li>
            <li>|</li>
            <li><a href="">阿里通信</a></li>
            <li>|</li>
            <li><a href="">万网</a></li>
            <li>|</li>
            <li><a href="">阿里游戏</a></li>
            <li>|</li>
            <li><a href="">大麦网</a></li>
            <li>|</li>
            <li><a href="">一淘</a></li>
            <li>|</li>
            <li><a href="">狂野飙车9</a></li>
            <li>|</li>
            <li><a href="">UCCricket</a></li>
            <li>|</li>
            <li><a href="">阿里安全</a></li>


        </ul>
        <div class="subfont">
            <p> © 2007 - 2020 杭州阿里巴巴音乐科技有限公司 版权所有 阿里巴巴旗下公司</p>
            <ul class="subul clearfix">
                <li><a href="">营业执照</a></li>
                <li>|</li>
                <li><a href="">网络文化经营许可证 :浙网文(2019)4999-453号</a></li>
                <li>|</li>
                <li><a href="">增值电信业务经营许可证 :浙B2-20110188 </a></li>
                <li>|</li>
                <li><a href="">浙ICP备18050417号-2</a></li>
                <li>|</li>
                <li><a href="">浙公网安备 33011002012729号</a></li>
            </ul>
        </div>
    </div>
    <!-- 底部 -->
</body>

</html>